<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心-资金管理-现金余额</title>
    <link rel="stylesheet" href="css/models.css">

</head>
<body>
<div class="NavTop">
    <div class="MainCon" style="text-align: right">
        <span>您好，</span><span>1820230****/门店名称</span><a href="javascript:void(0)" onclick="exit()">退出</a>
    </div>
</div>
<div class="header">
    <div class="MainCon clearfix">
        <img src="images/logo.png" alt="">
        <a href="">管理首页</a>
        <input type="button" value="我的订单">
    </div>
</div>
<div class="MainContent">
    <div class="MainCon clearfix">
        <div class="leftNav">
            <h3>账户设置</h3>
            <ul>
                <li><a href="个人中心-账户设置-完善门店信息.html">门店信息</a></li>
                <li><a href="个人中心-账户设置-实名认证.html">实名认证</a></li>
                <li><a href="个人中心-账户设置-银行卡.html">银行卡</a></li>
                <li><a href="个人中心-账户设置-登录密码.html">登录密码</a></li>
                <li><a href="个人中心-账户设置-设置支付密码.html">支付密码</a></li>
            </ul>
            <hr>
            <h3>资金管理</h3>
            <ul>
                <li><a href="个人中心-资金管理-现金余额.html" class="active">现金余额</a></li>
                <li><a href="个人中心-资金管理-先货后款余额.html">先货后款余额</a></li>
            </ul>
            <hr>
            <h3>订单管理</h3>
            <ul>
                <li><a href="个人中心-订单中心-订单列表.html">订单列表</a></li>
            </ul>
        </div>
        <div class="rightBody">
            <div class="Nav_Group">
                <!--<span class="Navigation_vertical"></span><a href="#" class="Navigation">订单列表</a>><a href="#" class="Navigation">订单列表</a>><span class="Navigation">订单列表</span>-->
                <span class="Navigation_vertical"></span><span class="Navigation">现金余额</span>
            </div>
            <div class="balanceBox">
                <p class="balanceCon">现金余额：<span>￥100.00</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;累计充值：<span>￥1000</span></p>
            </div>
            <div class="ph_wareBox">
                <table class="ph_wareList" id="example"></table>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="MainCon">
        <p>©2017江苏集鲜丰科技有限公司 jxf315.cn 苏ICP备17069291号-1</p>
        <p>南京市建邺区奥体大街68号03幢</p>
        <p>联系方式：4000880225</p>
    </div>
</div>
</body>
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/index.js"></script>
<script src="js/pages/jquery.dataTables.min.js"></script>
<script>
    $(function () {

        $('#example').DataTable({
            "bServerSide": true,
            "sPaginationType": "full_numbers",
            //"bJQueryUI": true,
            "sDom": '<"">t<"F"ip>',
            "autoWidth": false,  //自适应宽度
            //"sAjaxSource": "${ctx}/api/user/list", //ajax调用接口
            //<div class="btn-group" style="text-align:left;"><button type="button" class="btn btn-info dropdown-toggle"data-toggle="dropdown">操作 <span class="caret"></span></button>
            "sAjaxSource": "data/arrays.json", //ajax调用接口
            "aoColumnDefs": [{sDefaultContent: '', orderable: false, aTargets: ['_all']}],
            "aoColumns": [
                {"sTitle": "时间", "mData": "id1"},
                {"sTitle": "来源", "mData": "id2"},
                {"sTitle": "金额", "mData": "id3"},
                {"sTitle": "订单编号", "mData": "id4"}
            ],
            "oLanguage": {
                "sProcessing": "数据加载中······",
                "sLengthMenu": "显示 _MENU_ 条记录",
                "sZeroRecords": "没有您要搜索的内容！",
                "sEmptyTable": "列表中无数据存在！",
                "sInfo": "当前显示 _START_ 到 _END_ 条数据，共 _TOTAL_ 条数据",
                "sInfoEmpty": "显示 0 到 0 条记录",
                "sInfoFiltered": "数据列表中共  _MAX_ 条记录",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上一页",
                    "sNext": "下一页",
                    "sLast": "末页"
                }
            },
            "fnDrawCallback": function () {
                //表格查看更新内容
                $('.checkbox_ico').click(function () {
                    $(this).toggleClass('checked_ico')
                })
            }
            /*"fnServerData" : function ( sSource, aoData, fnCallback, oSettings ) {
               oSettings.jqXHR = $.ajax( {
                   "dataType" 	: 'json',
                   "type" 		: "GET",
                   "async"     : 'false',
                   "url" 		: sSource,
                   "data" 		: {
                       'pageNum': (aoData[3].value/aoData[4].value)+1,
                       'pageSize' :  aoData[4].value,
                       'telphone'  :  $("#telphone").val(),
                       'isable' : $('#isable').val()
                   },
                   "success"	: fnCallback
               } );
           }*/
        });
    })
    //订单详情跳转
    function oerderDetail(id) {
        var url='http://www.baidu.com/?'+id;
        window.open(url,'_blank');
    }
    //打印
    function printPaper(oerderNumber) {
        alert('正在打印订单：'+oerderNumber);
    }
</script>
</html>